<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>网站介绍</title>
  <link rel="stylesheet" href="../build/css/pages/introduce.css">
  <link rel="import" href="imports/resouce.html">
</head>
<body>
  <link rel="import" href="imports/header.html">
  <div class="container">
    <div class="sidebar">
      <ul>
        <li><a href="#p1" class="highlight">page1</a></li>
        <li><a href="#p2">page2</a></li>
        <li><a href="#p3">page3</a></li>
        <li><a href="#p4">page4</a></li>
        <li><a href="#p5">page5</a></li>
        <li><a href="#p6">page6</a></li>
      </ul>
    </div>
    <div class="content-box">
      <section id="p1">
        <h3>这是第一个页面</h3>
        <p>这是第一个内容</p>
      </section>
      <section id="p2">
        <h3>这是第2个页面</h3>
        <p>这是第2个内容</p>
      </section>
      <section id="p3">
        <h3>这是第3个页面</h3>
        <p>这是第3个内容</p>
      </section>
      <section id="p4">
        <h3>这是第4个页面</h3>
        <p>这是第4个内容</p>
      </section>
      <section id="p5">
        <h3>这是5个页面</h3>
        <p>这是第5个内容</p>
      </section>
      <section id="p6">
        <h3>这是第6个页面</h3>
        <p>这是6个内容</p>
      </section>
    </div>
  </div>
  
  <script src="//localhost:8888/build/js/pages/introduce.js"></script>

</body>
</html>